<script lang="jsx">
	/* import About from './About.vue'
	import { ref } from 'vue'
	export default {
		setup() {
			const counter = ref(0)

			const increment = () => {
				counter.value++
			}

			const decrement = () => {
				counter.value--
			}

			return () => (
				<div class="app">
					<h2>app 当前计数：{counter.value}</h2>
					<p>我是内容：哈哈哈</p>
					<button onClick={increment}>+1</button>
					<button onClick={decrement}>-1</button>
					<About />
				</div>
			)
		},
	} */
</script>

<template>
	<jsx />
</template>

<script setup lang="jsx">
	import About from './About.vue'
	import { ref } from 'vue'
	const counter = ref(0)

	const increment = () => {
		counter.value++
	}

	const decrement = () => {
		counter.value--
	}

	const jsx = () => (
		<div class="app">
			<h2>app 当前计数：{counter.value}</h2>
			<p>我是内容：哈哈哈</p>
			<button onClick={increment}>+1</button>
			<button onClick={decrement}>-1</button>
			<About />
		</div>
	)
</script>

<style scoped></style>
